<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='其他发料')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/WareHouse/otherPicking.css}" rel="stylesheet" />
<style>
textarea{
resize:none;
width:200px;
height:50px;
}
</style>
<body class="">
	<div class="main-content">
		<div>
			<div>
				<div class="row">
					<div class="divClassLeft blank_bg">
						<div style="padding: 10px 0 0 10px;">
							<span class="">仓库：</span>
							<select name="fStockID" id="fStockID" class="selectpicker" data-live-search="true" data-width="140px">
							</select>
						</div>
						<div class="col-sm-12 col-md-12 " style="padding:10px;">
							<span class="titleX">库存信息</span>
							<div style="float: right;">
								<button id="query" type="button" class="btn btn-default" style="margin-left: 5px;">查询</button>
								<button id="resetting" type="button" class="btn btn-default">重置</button>
							</div>
							<div style="float: right;">
								<span class="spanCss">物料代码：</span> 
								<input type="text" id="fNumber" name="fNumber" class="form-control clean_C" style="width: 110px;margin-right: 5px;" /> 
								<span class="spanCss">规格型号：</span> 
								<input type="text" id="fModel" name="fModel" class="form-control clean_C" style="width: 110px;" /> 
							</div>
						</div>
						<div style="padding: 10px;">
							<table id="stockInfoTable" class="table dataTable table-hover"></table>
						</div>
					</div>
					<div class="divClassRight blank_bg">
						<div class="col-sm-12 col-md-12 " style="padding:10px;">
							<span class="titleX">发料列表</span>
							<div style="float: right;">
								<button id="giveOut" type="button" class="btn btn-default" style="margin-left: 5px;">发料</button>
							</div>
						</div>
						<div style="padding: 10px;">
							<table id="pickingTable" class="table dataTable table-hover"></table>
						</div>
					</div>
				</div>
				<!-- 输入领料人卡号模态框 start -->
				<div class="modal fade " id="requesterModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
					<div class="modal-dialog" style="width: 530px; height: 220px;">
						<div class="modal-content" style="width: auto;">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								<h4 class="modal-title" id="titleModal">领料人</h4>
							</div>
							<div class="modal-body" style="height: auto; padding: 10px;">
								<div style="text-align: center;">
									<div>
										<span class="modalSpan"><span class="requiredCss">*</span>领料人卡号：</span>
										<input type="text" id="fWorkerId" name="fWorkerId" class="clean-c form-control bj_color resetting modalInput" autocomplete="off" />
									</div>
									<div style="margin: 10px;">
										<span class="modalSpan">领料人：</span>
										<input type="text" id="fWorker" name="fWorker" class="clean-c form-control resetting modalInput" readonly="readonly" />
									</div>
									<div style="margin: 10px;">
										<span class="modalSpan"><span class="requiredCss">*</span>车间：</span>
										<select name="workshopID" id="workshop" class="selectpicker clean_C " data-live-search="true" data-width="200px">
										</select>
									</div>
									<div style="margin: 10px;">
										<span class="modalSpan">用途：</span>
										<textarea class="clean-c form-control resetting modalInput" id = "fNote"></textarea>									
									</div>
									<div style="margin: 10px;">
										<span class="modalSpan">选择：</span> 
										<select id= "selectOption" onchange = "changeOption()">
										    <option value="0">请选择</option>
											<option value="1">在外协发料里找不到xxx单号</option>
											<option value="2">外协补充发料</option>
											<option value="3">生产补充发料</option>											
										</select>
									</div>
									<div style="margin: 10px;">
										<span class="requiredCss">注：带*为必填字段。输入正确的领料人卡号，系统会自动带出领料人。</span>
									</div>
									<div style="margin-top: 10px;">
										<button id="save" class="btn btn-default" type="button" style="margin-right: 20px;">确定</button>
										<button id="back" class="btn btn-default" type="button" data-dismiss="modal" style="">取消</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>	
				<!-- 输入质检人员卡号模态框 end -->
			</div>
		</div>
	</div>
	<div th:include="base :: bottom" />
	<div th:include="base :: bootstrapTable" />
	<div th:include="base :: bootstrapTable-eidt" />
	<script th:src="@{js/WareHouse/otherPicking.js}"></script>
</body>
</html>
